<template>
  <div class="common-layout">
    <el-container>
      <!-- 侧边栏 -->
      <common-aside></common-aside>
      <el-container>
        <!-- 页头 -->
        <common-header></common-header>
        <!-- <CommonHeader></CommonHeader> -->
      
        <el-main>
          <common-tab/>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup>

import CommonHeader from '@/components/CommonHeader.vue';
import CommonAside from '@/components/CommonAside.vue';
import CommonTab from '@/components/CommonTab.vue';


</script>

<style lang="less">
.common-layout {
  height: 100%;

  .el-container {
    // display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: flex-start;

    .el-aside {
      height: 100%;
      background-color: #4a4e52;
    }
  }


}
</style>
